.is-group-reader .card.list-stream__header {
	box-shadow: none;
	border-bottom: 1px solid var( --color-neutral-10 );
	display: flex;
	flex-direction: row;
	min-height: 48px;
	margin-top: 24px;
	padding: 0 14px 14px;

	@include breakpoint( '>660px' ) {
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
	}

	&.has-description {
		padding-bottom: 18px;
	}

	&:hover {
		cursor: default;
	}
}

.list-stream__header-icon {
	height: 48px;
	width: 48px;
	background: var( --color-neutral-10 );
	text-align: center;

	.gridicon {
		fill: var( --color-text-inverted );
		height: 24px;
		position: relative;
		top: 12px;
		width: 24px;
	}
}

.list-stream__header-details {
	align-self: center;
	display: flex;
	flex-direction: column;
	margin: 0 10px;
	width: calc( 100% - 15px );

	@include breakpoint( '>660px' ) {
		width: calc( 100% - 165px );
	}
}

.list-stream__header-title {
	color: var( --color-neutral-70 );
	font-size: 16px;
}

.list-stream__header-description {
	margin: 0;
	color: var( --color-text-subtle );
}

.list-stream__header-title,
.list-stream__header-description {
	height: 22px;
	overflow: hidden;
	position: relative;

	&::after {
		@include long-content-fade( $size: 15% );
	}
}

.list-stream__header-follow {
	align-items: stretch;
	display: flex;
	margin-left: auto;
	z-index: z-index( 'root', '.list-stream__header-follow' );

	.follow-button {
		padding: 0;
		z-index: z-index( '.list-stream__header-follow', '.follow-button' );

		.gridicon {
			fill: var( --color-primary );
		}

		.follow-button__label {
			color: var( --color-primary );
		}

		&.is-following {
			.gridicon {
				fill: var( --color-success );
			}

			.follow-button__label {
				color: var( --color-success );
			}
		}
	}
}

.list-stream__header.is-placeholder {
	pointer-events: none;
	user-select: none;

	.list-stream__header-title,
	.follow-button,
	.follow-button__label {
		color: transparent;
		background-color: var( --color-neutral-0 );
		animation: loading-fade 1.6s ease-in-out infinite;
	}

	.list-stream__header-title {
		margin-right: 25%;
	}

	.gridicon {
		display: none;
	}
}

.list-stream__header-edit {
	margin-left: auto;

	.list-stream__header-action-label {
		display: none;
	}

	.list-stream__header-action-icon .gridicon {
		fill: var( --color-neutral-light );
		margin: auto;
		position: relative;
		bottom: 0;
		top: 12px;
		right: -6px;
	}
}
